var container = document.querySelector('.container');


//排row 列col
// for (var r = 1; r <= 500; r++) {
//     var row = document.createElement('div');
//     row.classList.add('row');
//     row.classList.add('clearfix');
//     for (var c = 1; c <= r; c++) {
//         var cell = document.createElement('div');
//         cell.classList.add('cell');
//         cell.innerText = `${r} X ${c} = ${r*c}`;
//         row.append(cell)
//     }
//     container.append(row);
// }

// 创建一个空的fragment
// var df = new DocumentFragment();
// //排row 列col
// for (var r = 1; r <= 500; r++) {
//     var row = document.createElement('div');
//     row.classList.add('row');
//     row.classList.add('clearfix');
//     for (var c = 1; c <= r; c++) {
//         var cell = document.createElement('div');
//         cell.classList.add('cell');
//         cell.innerText = `${r} X ${c} = ${r*c}`;
//         row.append(cell)
//     }
//     df.append(row);
// }
//fragment插入到container
// container.append(df);
//nodelist
// var cells = document.querySelectorAll('.cell');

// cells.forEach(function(el) {
//         el.style.cssText = `text-align: center;
//                         height: 40px;
//                         width: 120px;
//                         color: white;
//                         background: blue;
//                         border: 1px solid #FFFFFF;
//                         line-height: 40px;
//                         font-size: 20px;
//                         font-weight: 700;
//                         cursor: pointer;
//                         float: left;`
//     })
// for (var cell of cells) {
// cell.style.cssText = `text-align: center;
//                         height: 40px;
//                         width: 120px;
//                         color: white;
//                         background: blue;
//                         border: 1px solid #FFFFFF;
//                         line-height: 40px;
//                         font-size: 20px;
//                         font-weight: 700;
//                         cursor: pointer;
//                         float: left;`
// cell.style.textAlign = "center";
// cell.style.height = "40px"
// }
//设置或者获取行内样式
// el.style
//el.getComuptedStyle